﻿import QtQuick 2.3
import QtQuick.Window 2.2

//Window {
//    visible: true
//    width: 360;
//    height: 360;

//    MouseArea {
//        anchors.fill: parent
//        onClicked: {
//            Qt.quit();
//        }
//    }

//    Text {
//        text: qsTr("Hello World")
//        anchors.centerIn: parent
//    }
//}

//修改Window 为 RectAngles

//Rectangle{
//    visible: true
//    width: 360
//    height: 360

//    MouseArea{
//        anchors.fill: parent
//        onClicked: {
//            Qt.quit();
//        }
//       }

//        Text {
//            text: qsTr("text")
//            anchors.centerIn: parent
//        }

//}

//Rectangle{
//    width: 320;
//    height: 480;
//    color: "blue";
//    border.color: "#808080";
//    border.width: 2;
//    radius: 12;
//}

//Rectangle{
//    width: 100;
//    height: 100;
////    color: "red";
////    color: "#FF0000"; //RGB
////    color: "#FFFF0000" //ARGB
//    color: Qt.rgba(1.0, 0, 0, 1.0);

//    //prints 1 0 0 1 //RGBA
//    Component.onCompleted: console.log(color.r, color.g, color.b, color.a)


//}

 //垂直方向渐变色 Gradient
//Rectangle{
//    width:100;
//    height: 100;

//    //竖着由黑到蓝到白
//    gradient: Gradient{
//        GradientStop {position: 0.0; color: "#202020";}
//        GradientStop {position: 0.33; color: "blue";}
//        GradientStop {position: 1.0; color: "#FFFFFF";}
//    }
//}

//其它方向渐变 rotation
//Rectangle{
//    width: 100;
//    height: 100;

//    rotation: 90;
//    gradient: Gradient {
//       GradientStop{ position: 0.0; color:"#202020";}
//       GradientStop{ position: 0.35; color: "blue"; }
//       GradientStop{ position: 0.65; color: Qt.rgba(0.0, 0.0, 0.5, 1.0);}
//       GradientStop{ position: 1.0; color: "#FFFFFFFF";}

//    }
//}

//显示数据类型

Rectangle{
    Component.onCompleted: {
        var name = "xing ming";
        console.log(typeof name);
        console.log(typeof 55);
    }
}
